<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
    <meta name="description" content="">
    <meta name="author" content="">

    <title>JohnnySins :: AUDITION</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet">

    <!-- Custom CSS for the 'JohnnySins' Template -->    
	<link href="css/sp_style.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_style.css" rel="stylesheet" type="text/css" />
    
    <!-- Bootstrap -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->  

	<!--bootstrap js -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
    
    <!--custom scroll js-->
	<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script> 
    <script type="text/javascript" src="js/custom.scroll.js"></script>
    
    <!--banner js-->
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/responsiveslides.min.js"></script>
    
  <script>
  
    $(function () {

      $("#slider1").responsiveSlides({
        auto: true,
        pager: true,
        nav: true,
        speed:800,
        maxwidth:1140,
        namespace: "centered-btns"
      });

    });
  </script>
 
 
      
    
  </head>

	<body>
    
		<!--start top scroll live show-->
		<div class="top_scroll_bar">
        	<div class="container">
            	<div class="row">
                    <div class="col-sm-5 col-md-5 col-lg-5"><h1>Next Live Show</h1></div>
                    <div class="col-sm-7 col-md-7 col-lg-7"><div class="live_show_schedule"><span>TORY LANE:</span> 09.10.2013 9pm to 10:00pm (EST)</div></div>
                </div>            	
            </div>
        </div>
        <!--end top scroll live show-->
        
        <!--start Logo-->
        <div class="johnnysins_logo">
        	<div class="container">
            	<div class="row">
                	<div class="col-lg-12">
                    	<img class="img-responsive" src="images/johnny_logo.png" alt="" title="JohhnySins" />   
                    </div>
                </div>
            </div>
			     
        </div>
        <!--end Logo-->
        
        <!--start navigation-->
        <div class="container">
        	<div class="row">
            	<div class="col-lg-12">
                    <nav class="navbar navbar-inverse johnny_navbar" role="navigation">
                      <div class="container">
                        <div class="navbar-header">
                          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                          </button>
                          <a class="navbar-brand hidden-lg hidden-md hidden-sm nav_title" href="index.html">Navigation</a>
                        </div>
                
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse navbar-ex1-collapse">
                          <ul class="nav navbar-nav">
                            <li><a href="#about">Home</a></li>
                            <li><a href="#myvideos">My Videos</a></li>
                            <li><a href="#myphotosets">My Photosets</a></li>
                            <li><a href="#johnnysfriends">Johnny's Friends</a></li>
                            <li><a href="#aboutme">About Me</a></li>
                            <li><a href="#store">Store</a></li>
                            <li><a href="#audition">Audition</a></li>
                          </ul>
                        </div><!-- /.navbar-collapse -->
                      </div><!-- /.container -->
                    </nav>                
                </div>
            </div>        	
        </div>
        <!--end navigation-->
        
        <!--start scroll banner-->
        <div class="container">
        	<div class="row">
            	<div class="col-lg-12">
                	<!--start banner part -->
                    <div class="johnny_banner">
                            <!-- Slideshow 1 -->
                            <div class="rslides_container">
                              <ul class="rslides" id="slider1">
                                <li><img src="images/banner_img/banner_01.jpg" alt=""></li>
                                <li><img src="images/banner_img/banner_02.jpg" alt=""></li>
                                <li><img src="images/banner_img/banner_03.jpg" alt=""></li>
                                <li><img src="images/banner_img/banner_04.jpg" alt=""></li>
                              </ul>
                            </div>
                    </div>        	
                    <!--end banner part -->
                </div>
            </div>
        </div>
        <!--end scroll banner-->
        
        <!--start welcome note-->
		<div class="container">
        	
        	<div class="page_content">
            	<div class="page_title">
                    <h1>Model Application</h1>
                </div>
                
                <div class="row">
                    <div class="col-lg-5">
                     	<form class="form-horizontal" role="form">

                            <div class="form-group">
	                            <label for="inputname" class="col-sm-4 control-label custom_label">Name <span>*</span></label>
                                <div class="col-sm-8">
                                	<input type="email" class="form-control" id="inputname" placeholder="">
                                </div>
                            </div>
                            
                            <div class="form-group">
	                            <label for="inputEmail" class="col-sm-4 control-label custom_label">Email <span>*</span></label>
                                <div class="col-sm-8">
                                	<input type="email" class="form-control" id="inputEmail3" placeholder="">
                                </div>
                            </div>
                            
                            <div class="form-group">
	                            <label for="inputPhone" class="col-sm-4 control-label custom_label">Phone</label>
                                <div class="col-sm-8">
                                	<input type="email" class="form-control" id="inputEmail3" placeholder="">
                                </div>
                            </div>
                            
                            <div class="form-group">
	                            <label for="inputMessage" class="col-sm-4 control-label custom_label">Message</label>
                                <div class="col-sm-8">
                                    <textarea class="form-control" rows="3"></textarea>
                                </div>
                            </div>
                            
                            <div class="checkbox">
                            <label class="col-lg-4">&nbsp;</label>
                              <label class="col-lg-8 custom_checkbox">
                                <input type="checkbox" value="">
                                Email yourself a copy?
                              </label>
                            </div>
                            
                            <div class="form-group">
	                            <label for="inputMessage" class="col-sm-4 control-label custom_label">&nbsp;</label>
                                <div class="col-sm-8">
                                    <button type="button" class="btn btn-primary send_custom_btn">Send Email</button>
                                </div>
                            </div>
                            
                                                    	
                        </form>
                    </div>
                    <div class="col-lg-7">
						<div class="model_app_info">
                        	<ul>
                            	<li>This is not a contest. This is an ongoing casting call for women that would like to shoot a porn scene with  Johnny.</li>
                                <li>We love you all very much, but we will NOT accepts applicants under the age of 18. Strictly forbidden. No exceptions. Ever. </li>
                                <li>Johnny shoots with ALL types of women. Confidence is key!</li>
                                <li>The "messages" section is a good place to put a link to your face (instagram, facebook, twitter, whatever) and also to tell us what you're into. </li>
                                <li>These scenes require a camera present and they will be published/distributed/promoted.</li>
                                <li>Please have all pictures be current, clear, and straight on. They don't have to be professional or done up, simple selfies are loved. One full body picture is helpful (doesn't have to be nude).</li>
                            </ul>
                        </div>                        
                    </div>
                </div>
            	
            </div>
        </div>
        <!--end welcome note-->
        

        
        <!--start join now-->
        <div class="container">
        	<div class="join_now_bar">
            	<a class="join_now_btn" href="#"><img class="img-responsive" src="images/join_now_btn.png" alt="joinnow" title="Join Now" /></a>
            </div>
        </div>
        <!--end join now-->
        
        <!--start country flag-->
        <div class="container">
        	<div class="row">
            	<div class="col-lg-12">
                	<div class="country_flags">
                    	<a href="#"><img class="img-responsive" src="images/country_flag/turkey_flag.png" alt="turkey" title="Turkey" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/usa_flag.png" alt="usa" title="USA" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/mexico_flag.png" alt="mexico" title="Mexico" /></a>                        
                        <a href="#"><img class="img-responsive" src="images/country_flag/indonesia_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/uk_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/canada_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/argentina_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/poland_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/germany_flag.png" alt="mexico" title="Mexico" /></a>
                        <a href="#"><img class="img-responsive" src="images/country_flag/korea_flag.png" alt="mexico" title="Mexico" /></a>
                        
                    </div>
                </div>
            </div>
        </div>
        <!--end country flag-->
        
        <!--start footer-->
        <footer>
        	<div class="container">
            	<div class="footer_panel">
                	<img class="img-responsive" src="images/johnny_logo.png" alt="" title="JohhnySins" />
                    
                    <div class="footer_info">
                    	<div class="footer_content">
                        	<p>&copy;2013 JohnnySins, All rights reserved. Reproduction without permission is strictly prohibited. All models were at least 18 years old when they were photographed.</p>
                            
                            <div class="bottom_link">
                            	<a href="#">Privacy Policy</a> - <a href="#">Terms</a> - <a href="#">DMCA</a> - <a href="#">Webmasters</a> - <a href="#">Support</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--end footer-->



  </body>
</html>